body {
    min-width: 320px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica;
    background: #f9f9f9;
    // max-width: 750px;
  }
  .w {
    width: 9.173333rem;
    margin: 0 auto;
  }
  header {
    height:11.866667rem;
    background: url(../imgaes/detial/详情@3x.png) no-repeat;
    background-size: contain;
    .header-bg {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
      padding-top: 4.8rem;
      box-sizing: border-box;
      .conter {
        width: 100%;
        height: 15.466667rem;
        background-color: #fff;
        border-radius:.533333rem .533333rem 0px 0px;
        .conter-w {
          height: 100%;
          .conter-t {
            width: 100%;
            height: 2.666667rem;
            display: flex;
            padding-bottom: .213333rem;
            box-sizing: border-box;
            border-bottom: .053333rem solid #f6f6f7;
            img {
              width: 2.666667rem;
              height: 2.666667rem;
            }
            .conter-r {
              width: 6.506667rem;
              height: 100%;
              line-height: 0;
              padding-left: .4rem;
              box-sizing: border-box;
              .img {
                width: 100%;
                height: .533333rem;
                margin-top: .373333rem;
                img {
                  width: .533333rem;
                  height: .533333rem;
                  float: right;
                }
              }
              p {
                font-weight:600;
                color:#fd444c;
                font-size:.64rem;
                line-height: .373333rem;
                margin-bottom: .213333rem;
                i {
                  font-weight:600;
                  color:#ff433c;
                  font-size:.373333rem;
                }
              }
              span {
                color:#b0b8c2;
                font-size:.32rem;
              }
              .p {
                color:#6a6c6b;
                font-size:.32rem;
                margin-top: .4rem;
              }
            }
          }
          .banb {
            width: 100%;
            height:2rem;
            margin-top: .666667rem;
            p {
              color:#242424;
              font-size:.373333rem;
            }
            a {
              display: block;
              width: 2.026667rem;
              height: .933333rem;
              border: 1px solid #fa4651;
              line-height: .933333rem;
              text-align: center;
              color:#fe326f;
              font-size:.373333rem;
              border-radius: .48rem;
              margin-top: .266667rem;
            }
          }
          .nc {
            width: 100%;
            height: 2rem;
            box-sizing: border-box;
            border-bottom: .053333rem solid #f6f6f7;
            margin-top: .666667rem;
            p {
              color:#242424;
              font-size:14px;
            }
            span {
              display: inline-block;
              width: 2.133333rem;
              height: .906667rem;
              background-color:#f1f1f1;
              border-radius:.453333rem;
              text-align: center;
              line-height: .906667rem;
              font-weight:500;
              color:#242424;
              font-size:.373333rem;
              margin-top: .266667rem;
            }
          }
          .tc {
            margin-top: .373333rem;
          }
          .sl {
            width: 100%;
            height: 1.6rem;
            border-bottom: .053333rem solid #f6f6f7;
            display: flex;
            justify-content: space-between;
            align-items: center;
            p {
              color:#202020;
              font-size:.373333rem;
            }
            .slr {
              width: 2.666667rem;
              height: 100%;
              span {
                width: auto;
                height: auto;
                display: flex;
                align-items: center;
                margin-top: .453333rem;
                img {
                  width: .453333rem;
                  height: .453333rem;
                  &:nth-child(1) {
                    width: .426667rem;
                    height: .053333rem;
                  }
                }
                .slr-d {
                  width:.666667rem;
                  height:.666667rem;
                  background-color:#f1f1f1;
                  border-radius:.133333rem;
                  text-align: center;
                  line-height: .666667rem;
                  color:#242424;
                  font-size:.346667rem;
                  margin: 0 .453333rem;
                }
              }
            }
          }
          button {
            height:1.253333rem;
            background-color:#ff6200;
            border-radius:.64rem;
            text-align: center;
            line-height: 1.253333rem;
            color: #fff;
            font-size: .426667rem;
            border: 0;
            margin-top: 2rem;
          }
        }
      }
    }
  }
  